
<!doctype html>
<html  lang="zh-CN" prefix="og: http://ogp.me/ns#">
<head>
<title>科技轻体验</title>
<style type="text/css">
      .b-page {
    background: #fff;
    box-shadow: 0px 1px 2px 0px #E2E2E2;
      }
      .page {
          width: 95%;
          padding: 30px 15px;
          background: #FFF;
          text-align: right;
          overflow: hidden;
      }
        .page .first,
        .page .prev,
        .page .current,
        .page .num,
        .page .current,
        .page .next,
        .page .end {
            padding: 8px 16px;
            margin: 0px 5px;
            display: inline-block;
            color: #008CBA;
            border: 1px solid #F2F2F2;
            border-radius: 5px;
        }
        .page .first:hover,
        .page .prev:hover,
        .page .current:hover,
        .page .num:hover,
        .page .current:hover,
        .page .next:hover,
        .page .end:hover {
            text-decoration: none;
            background: #F8F5F5;
        }
        .page .current {
            background-color: #008CBA;
            color: #FFF;
            border-radius: 5px;
            border: 1px solid #008CBA;
        }
        .page .current:hover {
            text-decoration: none;
            background: #008CBA;
        }
        .page .not-allowed {
            cursor: not-allowed;
        }
</style>


<include file="Common:header_logo"/>




<div class="body">
<div class="wrapper cls">
    <div class="main" style="width: 1000px">

        <div>
            <ul class="Fnav"><!-- 主显示话题 -->
                <volist name="navers" id="vo">
                <li><a href="__MODULE__/<if condition="$vo['cate_id'] eq 1">First<elseif condition="$vo['cate_id'] eq 2"/>Article<elseif condition="$vo['cate_id'] eq 3"/>About</if>/index"><img src="__ROOT__/Uploads/def.jpg" style="width: 280px;height: 150px"><br><h1>#{$vo.cate_name}#</h1></a></li>
                </volist>                
            </ul>
            <ul>
                <li><br><p>&nbsp;</p><br></li>
            </ul>
            <ul class="Snav"><!-- 副显示话题 -->
                <volist name="navers" id="vo">
                <li><a href="__MODULE__/<if condition="$vo['cate_id'] eq 1">First<elseif condition="$vo['cate_id'] eq 2"/>Article<elseif condition="$vo['cate_id'] eq 3"/>About</if>/index"><h1>#{$vo.cate_name}#</h1></a></li>
                <li><a href="__MODULE__/<if condition="$vo['cate_id'] eq 1">First<elseif condition="$vo['cate_id'] eq 2"/>Article<elseif condition="$vo['cate_id'] eq 3"/>About</if>/index"><h1>#{$vo.cate_name}#</h1></a></li>
                </volist>                
            </ul>
        </div>


        <!-- 视频介绍 -->
        <div>
            <br><br><br><br>
            <div class="covideo">关键视频展示<br>如自我介绍<br>视频存放在服务器上</div>
            <!-- width: 490px;    height: 350px; -->
            <div class="cotext">文字介绍展示</div>
        </div>



        <!-- 时间流 -->
        <div class="timelin" >
            
            
            <section id="cd-timeline" class="cd-container" style="width: 1000px">


                <volist name="firsts" id="vo">
                    <div class="cd-timeline-block">
                        <div class="cd-timeline-img cd-picture">
                            <img src="__ROOT__/Uploads/effect/cd-icon-location.svg" alt="local">
                        </div>

                        <div class="cd-timeline-content">
                            <h2>{$vo.f_title}</h2>
                            <!-- <p>网页时间轴一般用于展示以时间为主线的事件，如企业网站常见的公司发展历程等。本文将给大家介绍一款基于HTML5和CSS3的漂亮的垂直时间轴，它可以响应页面布局，适用于HTML5开发的PC和移动手机WEB应用。</p> -->
                            <a href="__CONTROLLER__/article/id/{$vo.f_id}" class="cd-read-more" target="_blank">查看内容</a>
                            <span class="cd-date">{$vo.time|date="Y-m-d",###}</span>
                        </div>
                    </div>
                </volist>  

                
            </section>
        </div>


    </div>
<include file="Common:right_null"/>
<include file="Common:footer"/>

